<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <style>
        .transition-3d-hover {
            transition: all .2s ease-in-out
        }

        .transition-3d-hover:hover, .transition-3d-hover:focus {
            -webkit-transform: translateY(-3px);
            transform: translateY(-3px);
        }
    </style>
</head>
<body>
<p>11-----------------------</p>
<button class="transition-3d-hover">确认</button>
</body>
</html>